// 封装一个按钮级别的权限鉴权组件

import { defineComponent } from 'vue'

import { props } from './props'

//
/**
 * 通过props传值获得对应权限 高权限的肯定能看低权限的,低权限的看不了高权限的
 * @param prop
 * @returns 是否有权限查看
 * TODO 完全鉴权逻辑
 */
const checkAuth = (prop: string[]) => {
  console.log(prop)
  return true
}

export default defineComponent({
  name: 'Auth',
  props,
  setup(props, { slots }) {
    checkAuth(props.rules)
    return () => {
      return <>{slots.default?.()}</>
    }
  },
})
